<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
<h:outputStylesheet library="css" name="bootstrap/css/bootstrap.css"/>
</h:head> 
<head>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"></link>
</head>

 
<body> 
<div class="navbar  navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
 	  
     
      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="index.faces">ERP Solution Team </a>
 
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse">
       
        <ul class="nav">
	  		<li class="active"><a href="index.faces">Home</a></li>
	 	 	<li><a href="#">News</a></li>
	  		<li><a href="#">About Us</a></li>
	  		<li><a href="#">Description</a></li>
	  		<li><a href="Presentation.faces">Presentations</a></li>
	  		<li><a href="#">Job offer</a></li>
		</ul>
		
		
      <form class="navbar-search pull-right">
 		 <input type="text" class="search-query" placeholder="Search"/>
		</form>
        <!-- .nav, .navbar-search, .navbar-form, etc -->
      </div>
 
    </div>
  </div>
</div>

<div class="pagination pagination-centered">
		<ul class="thumbnail well" id="f1">
					<li>
				<h:form styleClass="form-horizontal" id="iform" >
				  <div class="control-group span9">
				  
				    <div class="controls">
				    <table align="left" class="table-hover">
					  	<tr>
					  		<td align="left"><i class=" icon-text-width"> </i>&nbsp;First Name:</td><td><h:inputText id="posteName" value="#{CVManaged.cv.name}"  placeholder="Poste Name"/></td>
					    </tr>
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-user" > </i>&nbsp;Last Name:</td><td><h:inputText id="inputProfile" value="#{CVManaged.cv.prenom}" placeholder="Profile"/></td>
					    </tr> 
					  	<tr>
					  		<td><br/></td>
					    </tr>
					  	<tr>
						  <td align="left"><i class="icon-font"> </i>&nbsp;Street:</td><td><h:inputText id="inputlanguage" name="Langue" value="#{CVManaged.cv.rue}" placeholder="ex: French,English,Arabic"/></td>
					    </tr> 
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-font"> </i>&nbsp;Town:</td><td><h:inputText name="Langue" value="#{CVManaged.cv.ville}" placeholder="ex: French,English,Arabic"/></td>
					    </tr> 
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-font"> </i>&nbsp;Email:</td><td><h:inputText id="inputtype" name="type" value="#{CVManaged.cv.email}" placeholder="ex: French,English,Arabic"/></td>
					    </tr> 
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-font"> </i>&nbsp;Telephone:</td><td><h:inputText value="#{CVManaged.cv.tel}" placeholder="ex: French,English,Arabic"/></td>
					    </tr> 
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-font"> </i>&nbsp;Competences:</td>
						  <td >
						  <table class="thumbnail">
						  	<tr><td><small ><u><b>Linguistic:</b></u></small><br/><h:inputText value="#{CVManaged.cv.compling}" placeholder="ex: French,English,Arabic"/><br/><font color="#999"><small>ex: French,English</small></font></td></tr>
						  	<tr><td><small><u><b>Data Processing:</b></u></small><br/><h:inputText value="#{CVManaged.cv.compinf}" placeholder="ex: French,English,Arabic"/><br/><font color="#999"><small>ex: Word,Excel,PowerPoint,Access</small></font></td></tr>
						  	<tr><td><small><u><b>Financial:</b></u></small><br/><h:inputText value="#{CVManaged.cv.compfina}" placeholder="ex: French,English,Arabic"/><br/><font color="#999"><small>ex: Steward,accounting,Cash,Financial Director</small></font></td></tr>
						  	<tr><td><small><u><b>Industrial:</b></u></small><br/><h:inputText value="#{CVManaged.cv.compind}" placeholder="ex: French,English,Arabic"/><br/><font color="#999"><small>ex: Machines,Packing,Conditioning</small></font></td></tr>
						  	</table>
						  </td>
					    </tr> 
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-font"> </i>&nbsp;Last Formation:</td>
						  <td >
						  <table class="thumbnail">
						  	<tr><td><small ><u><b>Title:</b></u></small><br/><h:inputText value="#{CVManaged.cv.titre}" placeholder="ex: French,English,Arabic"/><br/><font color="#999"><small>ex: Bac +4 Ingénierie Informatique , Tunisie</small></font></td></tr>
						  	<tr><td><small><u><b>Year:</b></u></small><br/><h:inputText value="#{CVManaged.cv.annee}" placeholder="ex: French,English,Arabic"/><br/><font color="#999"><small>ex: 2012-2013</small></font></td></tr>
						  	<tr><td><small><u><b>Description:</b></u></small><br/><h:inputTextarea value="#{CVManaged.cv.fordescr}" placeholder="ex: French,English,Arabic"/><br/><font color="#999"><small>ex: <em>Students trained in 4th year of Computer <br/>Engineering to ESPRIT in Tunisia are able to <br/>participate in the design, development and...</em></small></font></td></tr>
						  	</table>
						  </td>
					    </tr> 
					    <tr>
					  		<td><br/></td>
					    </tr>
					    <tr>
						  <td align="left"><i class="icon-font"> </i>&nbsp;Experience:</td>
						  <td >
						  <table class="thumbnail">
						  	<tr><td><small ><u><b>Title:</b></u></small><br/><h:inputText value="#{CVManaged.cv.extitle}" placeholder="ex: French,English,Arabic"/><br/><font color="#999"><small>ex: Financial Director</small></font></td></tr>
						  	<tr><td><small ><u><b>Year:</b></u></small><br/><h:inputText value="#{CVManaged.cv.exdate}" placeholder="ex: French,English,Arabic"/><br/><font color="#999"><small>ex: 7 Year , 3 Year</small></font></td></tr>
						  	<tr><td><small><u><b>Resume:</b></u></small><br/><h:inputText value="#{CVManaged.cv.resume}" placeholder="ex: French,English,Arabic"/><br/><font color="#999"><small>My time in your company is an asset...</small></font></td></tr>
						  	</table>
						  </td>
					    </tr> 
											    
						<tr>
					  		<td><br/></td>
					    </tr>
						<tr>
				      		<td></td><td  align="center"><h:commandButton  value="Create" styleClass="btn btn-large btn-success" action="#{CVManaged.createcv()}" />&nbsp;&nbsp;&nbsp;&nbsp;<h:link outcome="index"  styleClass="btn btn-large btn-danger" value="Cancel" /></td>
				      	</tr>
				      </table>
				    </div>
				  </div>
				</h:form>
				</li>
			</ul>
		 </div>
		 <script type="text/javascript" language="javascript" src="jQ/jquery.js"></script>
		<script type="text/javascript" language="javascript" src="bootstrap/js/bootstrap.js"></script>
</body> 
</html>
